/* 主题相关颜色 */
$theme-color: #1296db;

/* 默认色 */
$default-color: #434343;

/* 灰色文字 */
// $font-grey-color:  #B6BFC6;
$font-grey-color: #959595;

/* 灰色背景 */
$back-grey-color: #f3f3f3;

/* 超大字体 */
$huge-font-size: 40rpx;
/* 大字体 */
$big-font-size: 36rpx;
/*  默认字体 */
$default-font-size: 32rpx;
/* 小字体 */
$small-font-size: 27rpx;
/* 超小字体 */
$litte-font-size: 24rpx;

/* 通用圆角大小 */
$default-border-radius: 12rpx;

/* 通用边框颜色 */
$default-border-color: #ebedf0;
// $default-border-color: #B6BFC6;

$default-disabled-opacity: 0.6;

.placeholder {
  color: $font-grey-color;
}
.xx-active {
  color: $theme-color;
}
.xx-disabled {
  opacity: $default-disabled-opacity;
}

.xx-price {
  color: $theme-color;
}
.xx-price:before {
  content: "￥";
  font-size: $small-font-size;
}

@mixin list-item {
  border-bottom: 1rpx solid $default-border-color;
  padding: 40rpx 0;
  display: flex;
  align-items: center;
  line-height: 40rpx;
  margin-left: 40rpx;
  position: relative;
}

@mixin text-Single-hide {
  overflow: hidden; /*超出部分隐藏*/
  white-space: nowrap; /*不换行*/
  text-overflow: ellipsis;
}
/* 多行文字超出隐藏，需要设置行数　如-webkit-line-clamp: 3; */
@mixin text-overflow-hide {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}

.basics-form-item {
  @include list-item();
  padding-right: 40rpx;
  justify-content: space-between;
  line-height: 46rpx;
  box-sizing: border-box;
  flex-wrap: wrap;
  input {
    text-align: right;
    width: 45vw;
    border-color: transparent;
  }
  .input {
    text-align: right;
    border-color: transparent;
  }
}

.hidden-title {
  padding-right: 0rpx;
  margin-right: 40rpx;
  justify-content: flex-start;
  text-align: left;
  .input {
    text-align: left;
  }
  input {
    text-align: left;
  }
}

.left-icon {
  margin: 0 10rpx;
}

.right-arrow:after {
  content: "\e683";
  font-family: "iconfont" !important;
  position: absolute;
  right: 10rpx;
  top: 42rpx;
}

.select-num-view {
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100vw;
  box-sizing: border-box;
  display: flex;
  background: $theme-color;
  justify-content: space-between;
  padding: 0 34rpx;
  line-height: 80rpx;
  height: 80rpx;
  color: #ffffff;
  .all {
    color: $font-grey-color;
  }
}

.qr-code-page {
  height: 100vh;
  background-color: $back-grey-color;
  .qr-code-page-img {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: calc(100vh - 100rpx - env(safe-area-inset-bottom));
    image {
      margin-left: 65rpx;
      width: 620rpx;
      border-radius: $default-border-radius;
      box-shadow: rgba(14, 14, 14, 0.5) 0px 6rpx 15rpx 0px;
    }
  }
}

@keyframes zwyHeightSec {
  100% {
    background-position: right -40px top 0px;
  }
}

.zwyHeightSec {
  position: relative;
  overflow: hidden;
}

.zwyHeightSec::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  background-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 0.5),
    rgba(255, 255, 255, 0)
  );
  background-size: 40px 100%;
  background-repeat: no-repeat;
  background-position: left -40px top 0;
  animation: zwyHeightSec 1s ease infinite;
}
